<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>

    .a{
        list-style-type:square;
        /* list-style-type:none; 去除标记 */

    }

    .b{
        /* list-style-type:decimal; 数字 */
        list-style-type:decimal-leading-zero; /*01 02 03*/
        
    }

    .c{
        list-style-type:upper-roman; /*罗马数字*/

    }

    .d{
        list-style-type:upper-alpha; /*字母*/

    }

    .e{
        list-style-image:url(img/list-img-1.gif);
    }
</style>
<body>
    
    <ul class="a">
        <li>曹操</li>
        <li>刘备</li>
        <li>孙权</li>
        <li>邵重德</li>
    </ul>    
    
    <ol class="b">
        <li>赵云</li>
        <li>黄忠</li>
        <li>关羽</li>
        <li>邵重德</li>
    </ol>

    <ol class="c">
        <li>张飞</li>
        <li>马超</li>
        <li>邵重德</li>
    </ol>

    
    <ol class="d">
        <li>典韦</li>
        <li>许褚</li>
        <li>邵重德</li>
    </ol>

    <ol class="e">
        <li>郭嘉</li>
        <li>许攸</li>
        <li>邵重德</li>
    </ol>



</body>
</html>